@charset "utf-8";
/* CSS Document */
body,html{ margin:0; padding:0; font:12px/150% 微软雅黑,宋体, Verdana, Geneva, sans-serif; color:#323232; }
img,h2,h3,ul,li,a { margin:0; padding:0; list-style: none; text-transform:none; border: 0; }
div,p,li,td{ font-size:14px; line-height:20px; font-family:微软雅黑,宋体, Verdana, Geneva, sans-serif; color:#323232; }
form{ margin:0; padding:0; }


a{ color:#909090; text-decoration:none;}
a:hover{ color:#f75555; text-decoration:none;}
.lnk_black1 a:link, .lnk_black1 a:visited { text-decoration:none; color:#333333; }
.lnk_black1 a:hover, .lnk_black1 a:active { text-decoration:none; color:#f75555;}

.divno { display: none; }
.uc { -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none; }
.mask-div { position:absolute; width:100%; height:100%; z-index:5000; left:0; top:0; background:#000000; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }
/*
.dialog { width:720px; height:688px; background-color:#fff; position:fixed; left:50%; top:2px; margin-left:-360px; }
*/
	.dialog { position:relative; width:720px; height:616px; background-color:#fff; position:absolute; left:50%; top:2px; margin-left:-530px; }
	.uc { -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none; }
    .dialog .dialog-title { height:40px; background-color:#ffda44; font-size:18px; line-height:39px; color:#333; padding:0 10px 0 20px; }
	.dialog .dialog-title span{ display:inline-block; float:right; width:24px; height:24px; background:url(../images/dialog_icon.png) no-repeat left top; margin-top:8px; cursor:pointer; }
	.dialog .dialog-title span:hover{ background-position:left -50px; }
	.dialog-option { height:320px; border-bottom:1px #e1e1e1 solid; }
	.dialog-option .l{ float:left; width:349px; height:320px; padding-left:20px; border-right:1px #e1e1e1 solid; }	
	.user-name { height:70px; padding-left:70px; position:relative; line-height:69px; font-size:18px; }
	.user-name img{ position:absolute; left:0px; top:10px; }
	.buttom-box { height:40px; }
	.buttom-box span{ display:inline-block; width:50px; height:22px; line-height:22px; text-align:center; font-size:14px; border:1px #806d21 solid; border-radius:8px; margin-right:10px; cursor:pointer; }
	.bt1 {		
		background-color:#f75c5c;
		background: -webkit-linear-gradient(to top,#f75c5c 0,#ffffff 100%);
		background: -moz-linear-gradient(to top,#f75c5c 0,#ffffff 100%);
		background: -o-linear-gradient(to top,#f75c5c 0,#ffffff 100%);
		background: linear-gradient(to top,#f75c5c 0,#ffffff 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f75c5c,endColorstr=#ffffff,GradientType=0);
	}
	.bt2 {
		background-color:#3ec12c;
		background: -webkit-linear-gradient(to top,#3ec12c 0,#ffffff 100%);
		background: -moz-linear-gradient(to top,#3ec12c 0,#ffffff 100%);
		background: -o-linear-gradient(to top,#3ec12c 0,#ffffff 100%);
		background: linear-gradient(to top,#3ec12c 0,#ffffff 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3ec12c,endColorstr=#ffffff,GradientType=0);
	}
	.user-list { height:40px; }
	.user-list .textbox { border:1px solid #cccccc; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
	.panel-body { border-color: #cccccc; }
	.combo-arrow { background: url(../images/combo_arrow.png) no-repeat center center; background-color: rgba(0, 0, 0, .1); }
	.combo-arrow:hover { background-color: rgba(0, 0, 0, .2); }
	.textbox .textbox-text {  font-size:16px; }
	.combobox-item { line-height:20px; font-size:14px; }
	.textarea-box textarea{ width:294px; height:60px; line-height:20px; font-size:14px; padding:3px; border-style:none; border:1px #cccccc solid; }
	.submit-box { width:240px; padding:14px 0 0 30px; clear:both; }
	.bt3 { display:inline-block; height:26px; padding:0 10px; background-color:#ffda44; line-height:24px; font-size:14px; cursor:pointer; text-align:center; color:#333; border:1px #ccae37 solid; border-radius:3px; }
	.ftor { float:right; }
	
	.dialog-option .r{ margin-left:370px; width:350px; height:320px; }
	.center-map { width:330px; height:458px; padding:10px; }
	.data-submit { padding-top:10px; }
	.f16{ font-size:16px; }
	.f16{ font-size:14px; }
	.data-submit .title { padding-left:10px; }
	.data-submit .title input { line-height:22px; font-size:14px; padding:3px; border-style:none; border:1px #cccccc solid; }
	.cbox { padding:10px 0 0 10px; overflow:hidden; }
	.cbox li{ float:left; }
	.cbox textarea{ width:260px; height:60px; line-height:20px; font-size:14px; padding:3px; border-style:none; border:1px #cccccc solid; }
	.glay-bc{ border-style:none; border:1px solid #ccc; }
	.cbox li span{ display:inline-block; padding:3px 4px; }
	.colname { height:66px; overflow-x:hidden; overflow-y:auto; padding:8px 0 0 34px; line-height:22px; margin-right:5px; }
	.colname span{ display:inline-block; }
	.okbut { width:200px; margin:0 auto; padding-top:14px; }
	
	.record-list { padding-top:4px; }
	.record-head { height:31px; border-bottom:1px #ccae37 solid; padding-top:5px; }
	.record-head span{ display:inline-block; height:31px; line-height:30px; font-size:14px; padding:0 10px; cursor:pointer; }
	.record-head span.selected{ background-color:#ffda44; border:1px #ccae37 solid; border-bottom:0; border-radius:5px 5px 0 0; }
	.record-con table{ border-collapse:collapse; border:0px #e1e1e1 solid; }
	.record-con .head td{ text-align:center; font-size:14px; background-color:#eeeeee; color:#000000;}
	.record-con td{ height:28px; line-height:28px; padding:0 3px; border-right:1px #e1e1e1 solid; border-bottom:1px #e1e1e1 solid; }
	.record-con .pagination { height:32px; padding-top:4px; overflow:hidden }	
	.record-con .pagination td{ border:0px; padding:1px 3px; }
	.record-con td.state{ text-align:center }
	.record-con .datagrid-cell { line-height:26px; }
	.record-con .pagination-btn-separator { margin:0px; height:auto; }
	.record-con .datagrid .datagrid-pager { border:0; }
	
	.dialog-child { position:absolute; width:320px; padding:0 10px; height:616px; overflow:auto; background-color:#ffffff; right:0; top:0; margin-right:-340px; border-left:1px #CCC solid; }
	.dialog-child-close { position:absolute; right:2px; top:2px; width:30px; height:30px; background:url(../images/dialog_icon.png) no-repeat -100px top; z-index:300; cursor:pointer; }
	.dialog-child-close:hover { background-position:-200px top; }
	.dialog-child .myeventElement:first-child { border-top:0px; }
	.dialog-child .myeventElement .user-info { position:relative; height:80px; }
	.dialog-child .nobd .user-info { padding-left:0; padding-right:0; }
	.dialog-child .myeventElement .new { background-color:#f75555; }
	.dialog-child .myeventElement .new .nsign{ position:absolute; left:33px; top:20px; background:url(../images/myicon.png) no-repeat -550px top; width:8px; height:8px; overflow:hidden; border-radius:50%; }
	.dialog-child .myeventElement .user-info .p{ float:left; width:60px; padding-top:20px; }
	.dialog-child .myeventElement .user-info .p img{ border-radius:50%; width:45px; height:45px; }
	.dialog-child .myeventElement .user-info .c{ margin-left:60px; margin-right:40px; padding-top:16px; line-height:22px; font-size:16px; }
	.dialog-child .myeventElement .user-info .c font{ font-size:14px; color:#646464; }
	.dialog-child .myeventElement .user-info .addlabel{ float:right; width:40px; padding-top:30px; }
	.dialog-child .myeventElement .user-info .addlabel span{ display:inline-block; width:21px; height:25px; background:url(../images/myicon.png) no-repeat -170px top; }
	.dialog-child .myeventElement .new .addlabel span{ display:inline-block; width:21px; height:25px; background:url(../images/myicon.png) no-repeat -170px top; }
	.dialog-child .myeventElement .event-info-title { font-size:20px; padding:1px 0 5px 0; line-height:22px; }
	.dialog-child .myeventElement .event-info-title span{ float:left; display:block; font-size:12px; line-height:22px; padding: 0 10px; border-radius:11px; margin-right:6px; }
	.dialog-child .myeventElement .event-info-title span.war1{ background-color:#3066ff; color:#ffffff; }
	.dialog-child .myeventElement .event-info-title span.war2{ background-color:#fae003; color:#ffffff; }
	.dialog-child .myeventElement .event-info-title span.war3{ background-color:#f48835; color:#ffffff; }
	.dialog-child .myeventElement .event-info-title span.war4{ background-color:#fd5554; color:#ffffff; }
	.dialog-child .myeventElement .column-con { overflow:hidden; }
	.dialog-child .myeventElement .event-info { font-size:16px; color:#646464; line-height:22px; padding-bottom:10px; }
	.dialog-child .myeventElement .event-info-pic img{ max-width:315px; }
	.dialog-child .myeventElement .event-info-pic p{ padding:3px 0; }
	.dialog-child .myeventElement .other-file{ padding:5px 0; }
	.dialog-child .myeventElement .piclist img{ max-width:320px; margin:3px 0; }
	.dialog-child .myeventElement .piclist p{ font-size:16px; line-height:24px; }
	.dialog-child .myeventElement .piclist p.attachment{ font-size:18px; }
	.dialog-child .myeventElement .event-time { font-size:14px; color:#909090; padding:10px 0; clear:both; }
	
	
	
/*  电话列表 弹窗 */	
.popup-window-mask { position:absolute; left:50px; top:50px; width:110px; height:auto; z-index:50; border-radius:6px;
	background-color:rgb(0,0,0,0.6);
  -webkit-box-shadow:0 0 8px #000000;  
  -moz-box-shadow:0 0 8px #000000;  
  box-shadow:0 0 8px #000000;
  }
.popup-window { width:110px; z-index:100; border-radius:6px; border:1px #a2a1a1 solid; position:relative; }
.popup-window-close { position:absolute; width:16px; height:16px; background:url(../images/myicon.png) no-repeat -898px -98px; right:2px; top:2px; z-index:120; cursor:pointer; border-radius:0px; }
.popup-window-close:hover { background-position:-948px -98px; }
.popup-window .earth{ height:37px; }
.popup-window .earth li{ float:left; height:37px; }
.popup-window .earth li span{ display:inline-block; width:11px; height:11px; margin-top:13px; }
.popup-window .earth .e1{ width:40px; text-align:center; }
.popup-window .earth .e1 span{  width:20px; height:20px; background:url(../images/myicon.png) no-repeat -450px -100px; margin-top:8px; }
.popup-window .earth .e2{ width:70px; text-align:center; }
.popup-window .earth .e2 span{ display:inline-block; margin:13px 6px 0 6px; background-color:#e92525; border-radius:50%; }
.popup-window .earth .e2 .normal{ background-color:#35be22; }
.popup-window .pw-right { overflow:hidden; }
.popup-window .pw-right li{ float:left; height:39px; }
.popup-window .pw-right li.tdh{ width:109px; height:20px;border-bottom:1px #a2a1a1 solid; }
.popup-window .pw-right li.tdh p{ height:20px; margin:0 13px 0 6px; overflow:hidden; font-size:12px; line-height:20px; color:#FFF;  }
.popup-window .pw-right li.tdl{ width:38px; border-right:1px #a2a1a1 solid; border-bottom:1px #a2a1a1 solid; background:url(../images/myicon.png) no-repeat; }
.popup-window .pw-right li.tdr{ width:71px; border-bottom:1px #a2a1a1 solid; text-align:center; }
.popup-window .pw-right li.pw-tel{ background-position:-511px -90px; }
.popup-window .pw-right li.pw-shoot{ background-position:-581px -92px; }
.popup-window .pw-right li.pw-intercom{ background-position:-648px -94px; }
.popup-window .pw-right .tdr span{ display:inline-block; width:35px; height:13px; overflow:hidden; margin-top:14px; background-color:#e92525; }
.popup-window .pw-right .normal span{ background-color:#35be22; }
.green span{ background-color:#35be22; }

/*  End 电话列表 弹窗 */